<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	   <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./css/invite.css">
    <script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>
    <script src="./js/clipboard.min.js"></script>
    <script src="./js/qrcode.min.js"></script>
	<title>邀请好友</title>
</head>
<body>
	<header class="header">
		<a href="javascript:window.history.back(-1);" class="back"></a>
		<h2 class="center">邀请赚钱</h2>
    </header>
    <div class="com mb180">
        <div class="banner">
            <img src="./image/banner.png" class="w100" alt="">
            <div class="copy">
                <p>我的邀请码：<span id="yqNum">123456</span></p>
                <a href="javascript:;" class="copy-btn" data-clipboard-text="123456" id="copyBtn">复制</a>
            </div>
            <a href="javascript:;" class="invite-btn">一键邀请</a>
            <a href="javascript:;" class="rule">规则说明</a>
            <!--文字滚动-->
            <div class="scroll-txt">
                <span class="icon-lb"></span>
                <ul>
                    <li>155****0934  刚刚成功提现了 2 元</li>
                    <li>168****1245  刚刚成功提现了 2 元</li>
                    <li>135****0999  刚刚成功提现了 2 元</li>
                    <li>134****1298  刚刚成功提现了 2 元</li>
                </ul>
            </div>
        </div>
        <div class="title">邀请奖励</div>
        <div class="award">
            <ul>
                <li>
                    <p>我的收益</p>
                    <h4>3.8 &nbsp;元</h4>
                    <span class="icon-hanld"></span>
                </li>
                <li>
                    <p>好友收益</p>
                    <h4>1.8 &nbsp;元</h4>
                    <span></span>
                </li>
                <li>
                    <p>每日邀请</p>
                    <h4>100 &nbsp;红包券</h4>
                    <span></span>
                </li>
            </ul>
            <div class="award-detail">
                <span class="icon-jt"></span>
                <div class="span-txt">
                    <span>第一天</span>
                    <span>第二天</span>
                    <span>第三天</span>
                    <span>第四天</span>
                    <span>第五天</span>
                </div>
                <div class="span-btn">
                    <span>3.0元</span>
                    <span>0.2元</span>
                    <span>0.2元</span>
                    <span>0.2元</span>
                    <span>0.2元</span>
                </div>
                <p>好友每天观看视频半个小时以上双方即可获得对用红包券</p>
            </div>
        </div>
         <!--已邀请-->
        <div class="award-yyq">
            <ul>
                <li>
                    <p>已邀请好友</p>
                    <h4 id="yqyNum">3</h4>
                </li>
                <li>
                    <p class="tk_p">有效好友<span class="icon-tk"></span></p>
                    <h4 id="yxNum">3</h4>
                </li>
                <li>
                    <p>预计收益</p>
                    <h4 id="yqMoney">8.2</h4>
                </li>
            </ul>
            <div class="award-detail">
                <span class="icon-jt"></span>
                <div class="span-txt">
                    <span>第一天</span>
                    <span>第二天</span>
                    <span>第三天</span>
                    <span>第四天</span>
                    <span>第五天</span>
                </div>
                <div class="span-btn">
                    <span>3.0元</span>
                    <span>0.2元</span>
                    <span>0.2元</span>
                    <span>0.2元</span>
                    <span>0.2元</span>
                </div>
                <p>好友每天观看视频半个小时以上双方即可获得对用红包券</p>
            </div>
        </div>
        <div class="my-award" id="list" style="display: none;">
            <div class="title">我的奖励</div>
            <ul>
                <li class="nav">
                    <span>好友昵称</span>
                    <span>当前收益</span>
                    <span>总收益</span>
                    <span>操作</span>
                </li>
                
            </ul>
        </div>
        <div class="title">怎么拿奖励</div>
        <div class="plr10">
            <img src="./image/img-stup.png" class="w100">
        </div>
        <div class="txt">
            <p class="color_000">[特别说明]</p>
            <p>为防止恶意用户批量注册套利，被邀请者需绑定并观影半小时以上，邀请者才能获得奖励</p>
        </div>
        <div class="my-awards" id="myAwards">
            <div class="title">我的邀请</div>
            <div class="p20">
                <img src="./image/invite-img.png">
            </div>
            <p class="fz24">邀请好友，日进斗金，还不快试试</p>
        </div>
        
    </div>
    <footer class="footer">
        <a href="javascript:;" id="openWX">
            <img src="./image/icon-wx2.png">
            <p>微信邀请</p>
        </a>
        <a href="javascript:;" id="openPYQ">
            <img src="./image/icon-puq.png">
            <p>朋友圈</p>
        </a>
        <a href="javascript:;" id="openQQ">
            <img src="./image/icon-qq.png">
            <p>QQ邀请</p>
        </a>
        <a href="javascript:;" id="ewmBtn">
            <img src="./image/icon-mdm.png">
            <p>面对面扫码</p>
        </a>
        <a href="javascript:;" data-clipboard-text="" id="copyUrl">
            <img src="./image/icon-copy.png">
            <p>复制链接</p>
        </a>
    </footer>
    
    <!--生成二维码 -->
    <input id="text" type="hidden" value="" />
    <div class="qrcode"><div id="qrcode"></div></div>
    <!--tk-->
    <div class="tkbox-bg">
        <div class="tk-com">
            <h3>规则说明</h3>
            <p>每成功邀请一位好友首次并使用APP，并满足观看条件，您（以下或称为“邀请者”）将获得奖励红包</p>
            <p>您可将活动页面通过微信，QQ或面对面，链接等方式分享给好友首次下载本应用在10日内填写邀请码的，则视为您邀请好友成功。（邀请码为本平台为每位用户设立的独立ID号，用于邀请好友时使用）</p>
            <div class="date-list">
                <ul>
                    <li><h4>第一天</h4><strong>3.0元</strong></li>
                    <li><h4>第二天</h4><strong>0.2元</strong></li>
                    <li><h4>第三天</h4><strong>0.2元</strong></li>
                    <li><h4>第四天</h4><strong>0.2元</strong></li>
                    <li><h4>第五天</h4><strong>0.2元</strong></li>
                </ul>
            </div>
            <p>好友每天观看半个小时以上视频，您即可获得对应红包券</p>
            <span class="close">X</span>
        </div>
    </div>

    <!--有效好友-->
    <div class="tkbox-bg-yx">
        <div class="tk-com-yx">
            <h3>说明</h3>
            <p><span>有效好友</span>：绑定微信号并登录观看半个小时以上的好友</p>
            <p>只有邀请的好友是有效好友，您才能获得奖励哟</p>
            <span class="close-yx"></span>
        </div>
    </div>
    <script src="./js/H5brigeAPP.js"></script>
    <script src="./js/invite.js"></script>
</body>
</html>